CSS 样式可以通过 <link> 的方式，提供给多个 HTML 文件使用，这其中有很多的 id、class 的命名，命名的重要性不必多说，那么 CSS 中，怎样的命名才算是规范的呢？有以下几个规则：
- 采用英文字母、数字、以及
-和_命名； - 使用小写字母命名，不能以数字、
-、_开头； - 尽量使用单词命名，多个单词使用
_、-进行连接，或使用小驼峰命名； - 使用具有具体意义的命名；
命名一般使用元素位置所为标记，常用的命名标记有以下几个：
| 结构 | 标记 |
|---|---|
| 页头 | header |
| 页尾 | footer |
| 导航 | nav |
| 页面主体 | main |
| 侧栏 | sidebar |
| 栏目 | column |
| 内容 | content / container |
| 容器 | container |
| 左中右 | left right center |
| 页面外围控制 | wrapper |
导航的样式命名有进一步的细分，如下：
| 位置 | 标记 |
|---|---|
| 主导航 | mainnav |
| 子导航 | subnav |
| 顶导航 | topnav |
| 边导航 | sidebar |
| 左导航 | leftsidebar |
| 右导航 | rightsidebar |
| 菜单 | menu |
| 子菜单 | submenu |
| 标题 | title |
| 摘要 | summary |
功能命名如下：
| 功能 | 标记 |
|---|---|
| 标志 | logo |
| 广告 | banner |
| 登录 | login |
| 登录条 | loginbar |
| 注册 | register |
| 搜索 | search |
| 功能区 | shop |
| 标题 | title |